<template>
	<view class='none'>
		 <image class='none-icon' :src="img" mode=""></image>
		 <view class='none-tips'>{{text}}</view>
		 <slot></slot>
	</view>
</template>

<script>
	import none from '../static/common/icon_none.png'
	export default{
		props:{
			img: {
				type: String,
				default: none
			},
			text: {
				type: String,
				default: '这里空空如也~'
			}
		},
		data() {
			return{}
		}
	}
</script>

<style scoped lang="less">
	@import url('../app.less');
	
	// 空页面样式
	.none {
	  background: @bg-dark-color;
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 100%;
	  min-height: 100%;
	  .flex-base;
	  justify-content: center;
	  flex-direction: column;
	
	  .none-icon {
	    width: 212upx;
	    height: 144upx;
	  }
	
	  .none-tips {
	    font-size: @font-size-24;
	    color: @font-dark-color;
	    padding-top: 30upx;
	  }
	}
</style>
